﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master/Site.master" AutoEventWireup="true" CodeFile="Frm_Unidades.aspx.cs" Inherits="Views_Editor_Frm_Unidades" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
<script src="<%=ResolveClientUrl("~/Scripts/data/TiposElementos.js" ) %>" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">  

    
    <!-- Table -->
    <h4>Listado de Unidades</h4>
     <div id="gridUnidades"></div>
     <br />


    <!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Nueva Unidad</h3>
  </div>
  <div id="contenido" class="modal-body">
    <!-- Table -->
            <fieldset>
                <div class="form-horizontal">                     
                    <div class="control-group">
                        <label class="control-label" for="txtaDescripcion">Nombre Unidad</label>
                        <div class="controls">
                            <textarea id="txtaDescripcion" rows="2" class="span5" placeholder="Ingrese un nombre ..." name="Descripción"  validationMessage="Nombre es requerido!" required></textarea>
                        </div>
                    </div>	
                    
                    
                </div>
            </fieldset> 
        
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>
    <button id="btnAgregarUnidades" class="btn btn-primary">Grabar</button>
  </div>
</div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptContent" Runat="Server">
<script type="text/javascript">

    $(document).ready(function () {

        loadUnidades();

        $("#btnAgregarUnidades").on("click", function () {
            debugger;
            var validator = $("#contenido").kendoValidator().data("kendoValidator");
            if (validator.validate() != true) {
                return false;
            }
            
            $.ajax({
                type: "POST",
                url: "Frm_Unidades.aspx/GuardarUnidad",
                data: kendo.stringify({ nombre: $("#txtaDescripcion").val() }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    if (data.d == "null")
                        return;
                    if (data.d) {
                        var datos = data.d;
                        alert("Se guardó correctamente.");
                        $('#myModal').modal('hide');
                        $("#txtaDescripcion").val("");
                        $("#gridUnidades").data("kendoGrid").dataSource.read();
                    }
                },
                error: function (data) {
                    alert("No se guardó correctamente.");
                }
            });
            return false;
        });
    });

    function loadUnidades() {
        $("#gridUnidades").empty();
        var gridM = $("#gridUnidades").kendoGrid({
            dataSource: {
                type: "json",
                transport: {
                    read: {
                        type: "POST",
                        url: "Frm_Unidades.aspx/ObtenerItems",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json"
                    }
                },
                //batch: true,
                sort: { field: "IdParametro", dir: "desc" },
                schema: {
                    data: "d",
                    total: "d.length",
                    model: {
                        id: "IdParametro",
                        fields: {
                            IdParametro: { type: "number", editable: false },
                            Nombre: { type: "string", editable: false },
                            FecCre: { type: "date", editable: false },
                            UsuCre: { type: "string", editable: false }
                        }
                    }
                }
            },
            editable: {
                confirmation: "Esta Seguro de Eliminar el Registro?"
            },
            toolbar: [
               { template: '<a class="k-button" href="\\#" onclick="return Nuevo_click()">Nuevo</a>'}],
            scrollable: false,
            sortable: false,
            filterable: false,
            remove: BorrarUnidad,
            //dataBound: onDataBound,
            selectable: "row",
            columns: [
                    { field: "IdParametro", title: "Codigo", width: "15px" },
                    { field: "Nombre", title: "Nombre", width: "200px" },
                    { field: "FecCre", title: "Fecha Creacion", width: "80px", format: "{0:dd/MM/yyyy}" },
                    { field: "UsuCre", title: "Usuario Creacion", width: "80px" },
                    { command: [{ name: "destroy", text: "Borrar"}], width: "80px" }
                ],
            save: function () {
                debugger;
                this.refresh();
            }
        });
    }
    function Nuevo_click() {
        $('#myModal').modal('show');
    }
    function BorrarUnidad(e) {        
        debugger;
        $.ajax({
            type: "POST",
            url: "Frm_Unidades.aspx/BorrarUnidad",
            data: kendo.stringify({ idParametro: e.model.IdParametro }),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                if (data.d == "null")
                    return;
                if (data.d == "OK") {
                    alert("Se Elimino Correctamente .");
                }
            },
            error: function (data) {
                alert("Ocurrio un Error al Borrar .");
            }
        });
    }
   
</script>

</asp:Content>

